<template>
  <div class="swiper-container banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="https://dummyimage.com/350x240/0f0" alt />
      </div>
      <div class="swiper-slide">
        <img src="https://dummyimage.com/350x240/0f0" alt />
      </div>
      <div class="swiper-slide">
        <img src="https://dummyimage.com/350x240/0f0" alt />
      </div>
    </div>
    <div class="swiper-pagination"></div>
  </div>
</template>

<script>
import Swiper from "swiper";
import "swiper/css/swiper.css";
export default {
  mounted() {
    /* 实例化 */
    new Swiper(".swiper-container", {
      autoplay: {
        delay: 1000,
        disableOnInteraction: false
      },
      loop: true,
      pagination: {
        el: ".swiper-pagination"
      }
    });
  }
};
</script>

<style>
</style>